﻿div.content
{
    position: relative;
}

div.content-100
{
    width: 100%;
}

div.content div.content-tl
{
    background: url(/images/backgrounds/components/tl.png) no-repeat top left;
    padding-left: 10px;
    height: 10px;
}

div.content div.content-tr
{
    background: url(/images/backgrounds/components/tr.png) no-repeat top right;
    height: 10px;
}

div.content div.content-bl
{
    background: url(/images/backgrounds/components/bl.png) no-repeat bottom left;
    padding-left: 10px;
}

div.content div.content-br
{
    background: url(/images/backgrounds/components/br.png) no-repeat bottom right;
}

div.content div.content-main
{
    width: 190px;
    position: relative;
    top: -5px;
    left: -5px;
    overflow: hidden;
}

div.content-1 div.content-main
{
    width: 190px;
}

div.content-2 div.content-main
{
    width: 390px;
}

div.content-3 div.content-main
{
    width: 540px;
}

.research_item_full
{
    width: 1000px;
}

.research_item_full div.content div.content-main
{
    width: 540px;
}

.research_item_full div.content_detail
{
    display: block;
    width: 440px;
}

div.work div.content-main, div.work + div.tagcloud div.content-main
{
    background: #ca5298 url(/images/backgrounds/components/work/bg.gif) no-repeat right bottom;
}

div.people div.content-main, div.people + div.tagcloud div.content-main
{
    background: #84d4da url(/images/backgrounds/components/people/bg.gif) no-repeat right bottom;
}

div.network div.content-main, div.network + div.tagcloud div.content-main
{
    background: #cdc34b url(/images/backgrounds/components/network/bg.gif) no-repeat right bottom;
}

div.careers div.content-main, div.careers + div.tagcloud div.content-main
{
    background: #f2b328 url(/images/backgrounds/components/careers/bg.gif) no-repeat right bottom;
}

div.work + div.tagcloud div.content-info p.tags a
{
    color: #79315b;
}

div.people + div.tagcloud div.content-info p.tags a
{
    color: #4f7f83;
}

div.network + div.tagcloud div.content-info p.tags a
{
    color: #7b752d;
}

div.careers + div.tagcloud div.content-info p.tags a
{
    color: #916b18;
}

div.work + div.tagcloud div.content-info h2
{
    color: #3c182d;
}

div.people + div.tagcloud div.content-info h2
{
    color: #273f41;
}

div.network + div.tagcloud div.content-info h2
{
    color: #433f19;
}

div.careers + div.tagcloud div.content-info h2
{
    color: #48350c;
}

div.divider
{
    height: 2px;
    width: 100%;
    clear: both;
}

div.divider span
{
    display: block;
    width: 295px;
    height: 2px;
    background: #573505;
}

div.content div.content-info a.expand
{
    position: absolute;
    top: 13px;
    right: 10px;
    width: 17px;
    height: 17px;
    display: block;
}

/* /css/assets.css */
div.content div.content-info div.assets
{
    position: relative;
}

div.content div.content-info div.assets h3
{
    font-size: 62.5%;
    text-transform: uppercase;
    padding-bottom: 2px;
}

div.work div.content-info div.assets h3 span.asset-title
{
    color: #3c182d;
}

div.people div.content-info div.assets h3 span.asset-title
{
    color: #273f41;
}

div.network div.content-info div.assets h3 span.asset-title
{
    color: #433f19;
}

div.careers div.content-info div.assets h3 span.asset-title
{
    color: #48350c;
}

div.content div.content-info div.assets .carousel-mask
{
    margin: 0 -7px 0 -3px;
}

div.content-2 div.content-info div.assets .carousel-mask
{
    margin: 0 25px 0 -3px;
}

div.content div.content-info a.digital-content
{
    display: block;
    color: #fff;
    font-size: 62.5%;
    padding: 0 0 2px 0;
}

div.content div.content-main div.content-mask-tl, div.content div.content-main div.content-mask-tr, div.content div.content-main div.content-mask-bl, div.content div.content-main div.content-mask-br
{
    height: 2px;
    width: 2px;
    position: absolute;
    z-index: 100;
}

div.content div.content-main div.content-mask-tl
{
    top: 0;
    left: 0;
    background: url(/images/backgrounds/components/mask-tl.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-tr
{
    top: 0;
    right: 0;
    background: url(/images/backgrounds/components/mask-tr.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-bl
{
    bottom: 0;
    left: 0;
    background: url(/images/backgrounds/components/mask-bl.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-br
{
    bottom: 0;
    right: 0;
    background: url(/images/backgrounds/components/mask-br.gif) no-repeat top left;
}

div.content div.content-top
{
    position: relative;
    overflow: hidden;
}

div.content.work div.content-top img, div.content.network div.content-top img, div.content.careers div.content-top img, div.content.people div.content-top img
{
    display: block;
    width: 100%;
    background: #313131;
}

div.content div.content-info
{
    padding: 15px;
    position: relative;
    height: 45px;
    overflow: hidden;
}

div.content div.content-info h1, div.content div.content-info h2, div.content div.content-info p.title
{
    color: #573505;
    text-transform: uppercase;
    padding-right: 25px;
    padding-bottom: 0;
    font-weight: bold;
    margin: 0;
}

div.content div.content-info h1 a, div.content div.content-info h2 a, div.content div.content-info p.title a
{
    color: #573505;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Verdana;
}

div.content div.content-info h1 a:hover, div.content div.content-info h2 a:hover, div.content div.content-info p.title a:hover
{
    text-decoration: none;
}

div.content div.content-info h3, div.content div.content-info p.subtitle
{
    color: #FFF;
    padding-bottom: 7px;
    padding-right: 25px;
    margin: 0;
    font-size: 10px;
}


div.people div.loading div.content-top
{
    background: #59a1a6 url(/images/icons/loaders/people.gif) no-repeat center center;
}

div.network div.loading div.content-top
{
    background: #99924f url(/images/icons/loaders/network.gif) no-repeat center center;
}

div.work div.loading div.content-top
{
    background: #8f4973 url(/images/icons/loaders/work.gif) no-repeat center center;
}

div.careers div.loading div.content-top
{
    background: #9e7d34 url(/images/icons/loaders/careers.gif) no-repeat center center;
}

div.loading .content-asset
{
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.content-main .summary
{
    color: #252525;
    margin-top: 8px;
}
/* 1 */
.content-1
{
}

div.content-1 div.content-main
{
    background: #FCB042;
}

div.content-1 div.content-info
{
    height: 92px !important;
}

.content-1 p.title
{
    margin-bottom: 8px !important;
    height: 40px !important;
}

.content-1 p.title a
{
    font-size: 17px !important;
}

div.content-1 a.expand
{
    top: 19px !important;
    right: 38px !important;
}

div.content-1 a.expand img
{
    width: 38px !important;
}

.content-1 div.divider span
{
    width: 295px !important;
}

/* 2 */
.content-2
{
}

div.content-2 div.content-main
{
    background: #8DC73F;
}

div.content-2 div.content-info
{
    height: 72px !important;
    padding: 10px !important;
}

.content-2 p.title
{
    margin-bottom: 1px !important; /* height:29px !important;*/
}

.content-2 p.title a
{
    font-size: 12px !important;
    color: #2a4703 !important;
}

div.content-2 a.expand
{
    top: 13px !important;
    right: 20px !important;
}

div.content-2 a.expand img
{
    width: 25px !important;
}
div.content-2 .summary
{
    margin-top: 4px !important;
    font-size: 11px !important;
}
.content-2 div.divider span
{
    width: 195px !important;
    background: #2A4705 !important;
    height: 1px !important;
}
/* 3 */
.content-3
{
}

div.content-3 div.content-main
{
    background: #F06EAA;
}

div.content-3 div.content-info
{
    height: 72px !important;
    padding: 10px !important;
}

.content-3 p.title
{
    margin-bottom: 1px !important;
  /*  height: 29px !important;*/
}

.content-3 p.title a
{
    font-size: 12px !important;
    color: #5a052c !important;
}

div.content-3 a.expand
{
    top: 13px !important;
    right: 20px !important;
}

div.content-3 a.expand img
{
    width: 25px !important;
}
div.content-3 .summary
{
    margin-top: 4px !important;
    font-size: 11px !important;
}
.content-3 div.divider span
{
    width: 195px !important;
    background: #5A052C !important;
    height: 1px !important;
}
#NewsList_Container
{
    margin-top: 40px;
}
